body{ font-size: 14px; line-height: 2em;}

/*.pics_wrap{ height:480px;}*/

/*home our server start*/

.severicon dt{ width: 100px; height: 100px; text-indent: -999px; background-image: url("../images/h_servericon.png"); background-repeat: no-repeat; background-position: 0px 0px;}

.severicon dt,.severicon dd p{ color: #000000;}

.severicon:hover dt{ background-position-x:-100px;}

.severicon:hover dd p{ color: #e04840;}

.severicon2 dt{ background-position: 0px -100px;}

.severicon3 dt{ background-position: 0px -200px;}



.tab {width:1200px;}

.tab-title {width: 348px; margin:0 auto;overflow: hidden;}



.tab-title .item {display: inline-block;width:132px;height:45px;line-height:45px;text-align: center;color: #000000;font-size: 16px; background-color:#dadada; margin:26px 21px; float:left;}

.tab-newtit .item{ margin: 16px 21px;}

.tab-title .item-cur {color: #fff;background-color: #e04840;}

.tab-cont,.tab_newcont{position: relative; width:1200px;overflow: hidden;}

.tabconth{height:602px;}

.tabnewconth{height:378px;}

.tab-cont_wrap {position: absolute;}

.tab-cont .item,.tab_newcont .item {width:1200px;text-align: center;color: #fff;}

.tab-cont .item{height:602px; }

.tab_newcont .item{ height: 342px;}



.lanren{width:1206px;height:602px;}

.lanren li{width:390px;height:293px;list-style:none;position:relative;float:left;overflow:hidden; margin-right:12px; margin-top:6px;margin-bottom: 6px;}

.lanren li .a1 img{width:390px;height:293px;}

.lanren li .a1 .divA{position:absolute;bottom:-293px;left:0; width:390px; height:293px;}

/*遮罩*/

.lanren li .a2{position:absolute;top:0;left:-390px;width:390px;height:293px;text-align:center;color:white; background:url('../images/hover.png') no-repeat left top;transition:all 0.2s;}

.lanren li .a2 .p4{width:390px;text-align:center;position:absolute;top:165px;left:-395px;color:#e04840;font-size:16px;transition:all 0.2s 0.1s ease-out;}



/*首页的新闻 */

#menu{width:1200px; overflow:hidden; margin:0px auto;}

#menu #navtab {display:block;width:524px; margin:0 auto;list-style:none;}

#menu #navtab li {float:left;width:132px;  margin:26px 21px; background-color:#dadada;}

#menu #navtab li a {display:block;width:132px;height:45px;line-height:45px;text-align: center;color: #000000;}

#menu_con{ width:358px; }

.tag{overflow:hidden;}

#menu #navtab li .selected{color:#fff;background-color: #e04840;}

.tag{ width: 1240px; margin-left: -40px;overflow: hidden;}

.tag li{ float: left; width: 270px; margin-left: 40px; margin-bottom: 30px;}

.tag li a.homenewimg{ width:262px; height:132px; padding:3px; border:1px solid #d2d2d2; display:block;}

.tag li h3{ font-size:14px; line-height:2em; color:#383838; margin:12px 0px;}

.tag li span{ background: url("../images/dateicon.gif") no-repeat left center; display: block; width: 100%; text-indent: 26px; font-size: 12px; line-height: 12px; height: 12px; color: #7b7b7b;}

.tag li p{ font-size: 12px; color: #727272; line-height: 21px; margin-top: 15px; margin-bottom: 30px;}

.tag li a.newview{ display: block; width: 82px; line-height: 34px; text-align: center; border: 1px solid #cbcbcb; background-color: #ffffff; font-size: 12px; color: #727272;}

.tag a.newview:hover{ background-color: #e04840; color: #ffffff; border-color: #e04840;}

/*首页的新闻 */

.linlogo{ width: 1202px;}

.linlogo li{ float: left; width: 201px; margin: 0px; margin-left: -1px;margin-top: -1px;}

.linlogo li a{ display: block; width: 201px; height: 129px; float: left;}

/*关于华宇美 start*/

.aboutround{ margin-left: -94px;}

.aboutround li{ width: 230px; float: left; margin-left: 93px;}

.aboutround li:nth-child(1) a{ display: block; width: 230px; height: 230px;-webkit-border-radius: 115px;border-radius: 115px;background: url(../images/bl1.png) no-repeat center;}
.aboutround li:nth-child(1):hover a{ display: block; width: 230px; height: 230px;-webkit-border-radius: 115px;border-radius: 115px;background: url(../images/bl2.png) no-repeat center;}

.aboutround li:nth-child(2) a{ display: block; width: 230px; height: 230px;-webkit-border-radius: 115px;border-radius: 115px;background: url(../images/wj1.png) no-repeat center;}
.aboutround li:nth-child(2):hover a{ display: block; width: 230px; height: 230px;-webkit-border-radius: 115px;border-radius: 115px;background: url(../images/wj2.png) no-repeat center;}

.aboutround li:nth-child(3) a{ display: block; width: 230px; height: 230px;-webkit-border-radius: 115px;border-radius: 115px;background: url(../images/jt1.png) no-repeat center;}
.aboutround li:nth-child(3):hover a{ display: block; width: 230px; height: 230px;-webkit-border-radius: 115px;border-radius: 115px;background: url(../images/jt2.png) no-repeat center;}

.aboutround li:nth-child(4) a{ display: block; width: 230px; height: 230px;-webkit-border-radius: 115px;border-radius: 115px;background: url(../images/ls1.png) no-repeat center;}
.aboutround li:nth-child(4):hover a{ display: block; width: 230px; height: 230px;-webkit-border-radius: 115px;border-radius: 115px;background: url(../images/ls2.png) no-repeat center;}
.aboutround li p{text-align: center;color: #fff;font-size: 18px;color:#E04840;line-height: 200%;padding-top: 10px;}
.aboutround li .zi{color: #FFF;text-align: center;line-height: 150%;}
/*.aboutround li a:hover{transform: scale(1.1, 1.1);}*/

















/*内页的导航 start*/

.subnav dt a{background: url("../images/subnav_dt.gif") no-repeat left center; margin-bottom: 11px;  display: block; width: 178px; height: 48px;}

.subnav dd a{ display: block; font-size: 14px; color: #4c4b4b;background-image: url("../images/subnav_dd.png");background-repeat: no-repeat; background-position: 30px 0px;}

.subnav dd a:hover,.subnav dd a.subnavactive{background-position: 30px -50px; font-size: 16px; color: #d60000;}

.subnav h2 a{ display: block;  height: 48px; border-bottom: 1px solid #ececec;}

.subnavcase{ width: 134px; margin:0px 22px; padding-bottom: 9px;}

.subnavcase li a{ display: block; width: 120px; padding-left: 14px; line-height: 38px; height: 38px; float: left; background-color: #adadad; border-radius: 10px; margin-top: 12px; font-size: 14px; color: #ffffff;}

.subnavcase li{ float: left;}

.subnavcase li span{ display: block; line-height: 38px; height: 38px; float: left; margin-right: 8px;}

.subnavcase p{ width: 134px; margin-top: 12px; float: left;}

/*内页的导航 end*/





/*幕墙装饰 start*/

#curtainlc li{ margin-left: 60px; float: left; width: 360px; height: 335px; margin-top: 10px; margin-bottom:5px; }

#curtainlc li img,#curtainlc2 li img{ width: 100%; float:left; margin-bottom: 25px;}

#curtainlc li.keynote,#curtainlc2 li.keynote{ margin-left: 0px;}

#curtainlc li h3{ font-size: 20px; color: #000000; text-align: center; width:340px; padding: 0px 10px; line-height: 50px; float:left;}

#curtainlc li p{ font-size: 14px; color: #686868; line-height: 21px; float:left; width:340px; padding: 0px 10px;}

#curtainlc li:hover,#curtainlc2 li:hover{box-shadow: 0px 2px 1px #ffd4d4;  }

#curtainlc2 li{ margin-left: 60px; float: left; width: 360px; height: 305px; margin-top:30px; margin-bottom:15px; }

#curtainlc2 li h3{ font-size: 20px; color: #000000; text-align: center; width:340px; padding: 0px 10px; line-height: 50px; float:left;}

#curtainlc2 li p{ font-size: 14px; color: #686868; line-height: 21px; float:left; width:340px; padding: 0px 10px;}

/*光伏 政策 start*/

.policy li{ float: left; width: 100%;}

.policy li a{ display: block; width: 100%; font-size: 14px; color: #111111; line-height: 22px; margin: 10px 0px 15px 0px; padding-bottom: 5px;}

.policy li a:hover{box-shadow: 0px 2px 3px #ffd4d4;}

/*光伏 政策下 四图片 */

#aboutinfo li{ width: 272px; float: left; margin-left: 35px;}

#aboutinfo li h3{ width: 272px; background-color: #dd2222; height: 40px; line-height: 40px;}

#aboutinfo li .aboutinfoimg{ width: 258px; position: relative; margin: 0 auto; border: 1px solid #b5b5b5; border-top: 0px; height: 220px; padding-top: 19px;}

#aboutinfo li .aboutinfoimg p{ width: 240px; margin-left: 5px; color: #000000; font-size: 13px; line-height: 2em;}

#aboutinfo li .zc_tu{ width: 225px; height: 168px; position: absolute; left: 15px; top: 125px;}

#aboutinfo li.keynote{ margin-left: 0px;}

/*商业装饰 start*/

.syinfo li{ width: 100%; float: left; height: 190px; margin-top: 70px;}

.syinfo li. syinfoimg{ width: 520px;}

.syinfo li .syinfotxt{ width:600px;}

.syinfo li .syinfotxt h3{ font-size: 16px; font-weight: bold; color: #000000; line-height: 60px;}

.syinfo li .syinfotxt p{ font-size: 14px; line-height: 16px; color: #000000;}

.syinfo li:hover{box-shadow: 0px 2px 3px #ffd4d4;}

/*商业案例 导航 start*/

.synav{ width: 340px;}

.synav dt,.synav dd{ padding-left: 22px; width: 318px; float: left;}

.synav dt{ margin-bottom: 13px; background: url("../images/sy_nav.gif") no-repeat left top; height: 53px; line-height: 53px; text-indent: 28px; font-size: 18px; font-weight: bold; color: #000000;}

.synav dd{ font-size: 14px; line-height: 36px; height: 36px;}

/*人力资源 列表页面 start*/

.join ul{ float: left;}

.join ul li{ float: left;}

.jointit li{ font-size: 18px; color: #ffffff; font-weight: 900; height: 44px; line-height: 44px;}

.joincon{ height: 50px; line-height: 50px; border-bottom: 1px dashed #ffd4d4;}

.joincon li{font-size: 16px; text-align: center; height:50px; line-height: 50px; color: #000000;}

.joincon:hover{box-shadow: 0px 2px 1px #ffd4d4; border-style: solid;}

/*人力资源 列表页面 end*/



/*新闻资讯 列表页面 start*/

.newslist li{ float: left; padding: 30px 0px 25px 0px; height: 88px; width: 980px;}

.newslist li .newdate{ width: 88px; height: 88px; float: left; background-color: #ebebeb;}

.newslist li span.datetime{ display: block; text-align: center; font-weight: 900; font-size: 36px; color: #d60000; line-height:60px;}

.newslist li span.monytime{ display: block; text-align: center; font-size: 14px; color: #d60000; line-height: 18px; height: 28px;}

.newslist li .newstitle{ width: 870px; float: right;}

.newslist li .newstitle a{ display: block; width: 100%; float: left;}

.newslist li .newstitle a h3{ font-size: 16px; color: #000000; margin-bottom: 18px; line-height: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.newslist li .newstitle a p{ font-size: 14px; color: #4e4e4e; line-height: 2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.newslist li:hover{box-shadow: 0px 2px 3px #ffd4d4; }

/*新闻资讯 列表页面 end*/



/*分页 start*/

.pages{ display: block; height: auto; overflow: hidden; box-sizing: content-box; width: 340px; margin-top: 20px; margin-bottom: 20px;}

.pages a{ display: block; padding: 0px 10px; float: left; height: 26px; font-size: 14px; color: #5b5b5b; margin: 0px 4px; line-height: 28px; border: 1px solid #d7d7d7;}

.pages a:hover,.pages a.pageactive{ background-color: #d60000; border-color: #d60000; color: #ffffff;}













/*荣誉资质 start*/

#images{ width: 980px; }

#images a{ float: left;  width: 300px; height: 270px; margin: 13px 0px 13px 40px;}

#images a img { vertical-align: top;}

#images a h3{ width: 260px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #000000; padding: 0px 20px; }

#images a.keynote{ margin-left: 0px;}

#imgbox-loading { position: absolute;top: 0;left: 0;cursor: pointer;display: none;z-index: 90;}

#imgbox-loading div {background: #FFF;width: 100%; height : 100%;}

#imgbox-overlay { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}

.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none;z-index: 90;}

.imgbox-img {padding: 0;margin: 0;border: none;width: 100%;height: 100%;vertical-align: top;}

/*荣誉资质 end*/

/*关于我们简介 start*/

.aboutcon dl{ width: 100%; float: left; margin-bottom: 28px;}

.aboutcon dl dt{ font-size: 16px; color: #525252; font-weight: bold; line-height: 24px;}

.aboutcon dl dd{ font-size: 14px; color: #6d6d6d; line-height: 30px;}

/*关于我们简介 end*/



/*案例列表页面 start */

.major-list-outer{height:auto; overflow:hidden}

.major-list{margin-right:-40px;}

.major-list li{width:300px;height:265px;margin-right:40px;margin-top:30px;float:left;position:relative}

.major-list li a,.major-list li a span{display:block;position:absolute;left:0;top:0}

.major-list li a{width:100%;height:225px;}

.major-list li a span{ width:300px; height:225px;}

.major-list li h3{ width:300px; top:225px;position:absolute;left:0;z-index:6; font-size:16px; text-align:center; color:#000000; height:40px; line-height:40px;}

.front-face{z-index:2;}

.back-face{z-index:1;background:url(../images/hover.png) no-repeat center center;}

.major-list li a{overflow:hidden}

.major-list li:hover a .back-face{z-index:3;}



/*案例列表页面 start */









/*网站底部 start*/

/*link start*/

.link li{ float: left;}

.link li a{ display: block; font-size: 14px; color: #a7a7a7; margin: 0px 15px 0px 46px; padding: 0px 5px; line-height: 50px;}

/*link  end */

/*底部导航 start*/

.footernav dl{ margin-right: 55px; }

.footerinfo,.footernav dl{margin-top: 30px;}

.footernav dl dd a{ display: block; width: 100%; float: left; }

.footernav dl dd a,.footerinfo,.footerewminfo{font-size: 14px; color: #a7a7a7; line-height: 2em;}

.footerinfo{ margin-left: 70px;}

/*底部导航 end*/